<script setup lang="ts">
import { computed } from "vue";
import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
import infoComponent from "./infoComponent.vue";
import { useRouter } from "vue-router";
const router = useRouter();
const multiTags = computed(() => {
  return useMultiTagsStoreHook()?.multiTags;
});
const goBack = () => {
  router.push({
    // multiTags.value[(multiTags as any).value.length - 1].path
    name: "projectCarryDetails",
    query: { id: 1 }
  });
};
</script>

<template>
  <el-card :body-style="{ padding: '10px' }" class="m-[20px]">
    <template #header>
      <el-page-header @back="goBack">
        <template #content class="w-full">
          <div
            class="text-[20px] font-bold flex justify-center w-full relative items-center relative"
          >
            <div class="text-[12px] absolute left-[0]">2024年，浙江省</div>
            <span class="text-[20px] font-bold block">
              归属项目：2024年度市级公益创投项目
            </span>
          </div>
        </template>
      </el-page-header>
    </template>
    <infoComponent />
  </el-card>
</template>

<style lang="scss" scoped>
.elFormFlex {
  display: flex;
  flex-wrap: wrap;
  .el-form-item {
    width: 33%;
    &.w-full {
      width: 100%;
    }
  }
}
:deep(.el-page-header__header) {
  .el-page-header__left {
    flex: auto;
    flex-direction: row;
    .el-page-header__content {
      flex-grow: 1;
    }
  }

  width: 100%;
}
</style>
